article.guide(ng-controller="SyncSigninController")
  .container-fluid.sign-in-frame
    .row
      .col-sm-3
        .box-max
          img.img-responsive(src='images/neo4j-world.png')
          h1.subhead.text-right NEO4J BROWSER SYNC
      .col-sm-4.col-sm-offset-1
        .box-max(ng-if="!currentUser")
          h3 Connect to the Cloud
          p.lead Neo4j Browser Sync is a companion cloud service for Neo4j Browser. Connect through a simple social
            | sign-in to elevate your graph experience.
          alert.top-padded(ng-hide="goodBrowser") 
            | Sync is currently only available for some versions of Internet Explorer.
            | If you have any trouble, we'd love to hear from you at&nbsp;
            a(href="mailto:feedback@neotechnology.com")
              | feedback@neotechnology.com
          .box-max(ng-show="!settings.shownTermsAndPrivacy || !settings.acceptedTermsAndPrivacy")
            .checkbox
              label.muted(for="acceptedTermsAndPrivacyCheckBox")
                input#acceptedTermsAndPrivacyCheckBox(type="checkbox", ng-model="settings.acceptedTermsAndPrivacy", ng-change="save()")
                | By checking this box you are agreeing to the&nbsp;
                a(href="http://neo4j.com/terms/neo4j-browser-sync/") Neo4j Browser Sync Terms of Use
                | &nbsp;and our&nbsp;
                a(href="http://neo4j.com/privacy-policy/") Privacy Policy
                |.
          alert(ng-show='showSignupWarning', close="closeWarning()") Before you can sign in, please check the box above to agree to the terms of use and privacy policy.

          .button-row.row.col-sm-12
            button.btn.btn-primary(ng-click="signInToSync()") Register / Sign In
            span.spacer &nbsp;
            a.no-thanks(ng-click="noThanks()") No thanks
        .box-max(ng-if="currentUser")
          h3 Hello {{currentUser.name}}!
          p &nbsp;
          p.lead Your Neo4j Browser Sync account is active.
          p &nbsp;
          p
            button.btn.btn-popup.btn-destructive(ng-click="CurrentUser.logout(); toggleDrawer('profile') ") Sign Out

      .col-sm-4
        ul.big.undecorated
          li
            i.sl.sl-cloud-sync.fa-lg
            | &nbsp; Sync queries &amp; graph style sheets
          li
            i.sl.sl-hierarchy.fa-lg
            | &nbsp; Restore previous versions of scripts
          li
            i.sl.sl-bubble-comment.fa-lg
            | &nbsp; Get update notices, suggestions and help
          li
            i.sl.sl-question-mark.fa-lg  
            a(href="http://neo4j.com/neo4j-browser-sync") &nbsp;Learn More
